<html>

<title>AR体验馆-项目介绍</title>
<head>
 <style type="text/css">
 *{margin:0; padding:0}
            .layer0{}
	    .layer0-1{ height:50px; width:60%; color:#FFF; font-size:35px; font-family:youyuan; text-align:center; line-height:50px; background-color:#0F0F0F;  position:absolute; top:0; filter:alpha(opacity:30); opacity:0.6 ;float:left;}
		
    .a:link{ text-decoration: none;}
	.a:visited{ text-decoration: none; color:#FFF}


    #navigation{ color:#CCC;
	  
	  width:40%;
	height:50px;
	font-size:0.7em;
	text-align:center;
	position:absolute; top:0; left:60%;
	filter:alpha(opacity:30); opacity:0.6 ; 
	float:left;
}
	
	#navigation a{
	height:50px;
	width:25%;
	float:left;
	
	line-height:50px;
	color:#FFFFFF;
	background:#0F0F0F;
	
	text-decoration:none;
			
	
 }
    #navigation  a:hover{					
	background-color:#222;			
	color:#EB6F50;						
	border-bottom:2px solid #EA6346;
  }

		   
           .layer1{
			   width:100%; 
			   height:390px;
			   margin:0 auto;
			   background:url(https://www.globalsign.com/files/7614/6195/4797/homepage-bg-2015-1-1.jpg);
			   color:white;
			  line-height:300px;
			   
			   font-family:YouYuan;
			   background-position:center;
               font-size:46px;
			   
			   text-align:center

			   }
		   
		   
		   
		   .layer2-1{
			   
			   height:200px;
			   color:black;
			   text-align:center; 
			   font-family:YouYuan;
			   background-color:white; 
			   margin:40px;
			   text-justify:auto; 
			   font-size:56px;
			   line-height:200px;
			   }
		   
		    .layer2-2{
			   width:25%;
			   height:52%;
			   color:#7B7B7B;
			   text-align:left; 
			   font-family:YouYuan;
			   font-size:20px; 
			   line-height:200px; 
			   text-justify:auto; 
			   font-size:36px;
			   border-radius:50%;
			   border-style:solid;
			   text-align:center;
			   margin:70px;
			   float:left;
			   }
		   
		    .layer2-3{
			   width:25%;
			   height:52%;
			   color:#7B7B7B;
			   text-align:left; 
			   font-family:YouYuan;
			   font-size:20px; 
			   line-height:200px; 
			   text-justify:auto; 
			   font-size:36px;
			   border-radius:50%;
			   border-style:solid;
			   text-align:center;
			   margin:75px;
			   float:left;
			   }
			   
		   .layer2-4{
			   width:25%;
			   height:52%;
			   color:#7B7B7B;
			   text-align:left; 
			   font-family:YouYuan;
			   font-size:20px; 
			   line-height:200px; 
			   text-justify:auto; 
			   font-size:36px;
			   border-radius:50%;
			   border-style:solid;
			   text-align:center;
			   margin:70px;
			   float:right;
			   }
		   
		   
		   
		   
		   
           .layer3{
	color: black;
	letter-spacing: 1px;
	text-align: left;
	height: 700px;
	font-size: 30px;
	width: auto;
	text-indent: 65px;
	margin: 70px;
	padding: 200px;
	line-height: 40px;
	background-image: url(http://imglf4.nosdn.127.net/img/ZXh0alZZV29TL013eXIrNlR0em01ak45QytBRW0wK0VQNUI5Z0dnSnRwWWlOeGJwYVNzbXlnPT0.png?=imageView&thumbnail=500x0&quality=96&stripmeta=0&type=jpg|watermark&type=2);
	background-position: center center;		  
		   }
		   
		 
		   
		   
           .layer4{
	height: 80px;
	width: 100%;
	background-color: #131313;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
	
    #db{ font-family:heiti; font-size:12px; color:#FFF; text-align:center; line-height:50px; font-weight:inherit;}
    #db a{ font-family:heiti; font-size:12px; color:#FFF; text-align:center; text-decoration:none;}
	#db a:hover{color:#CCC; text-decoration:none;}
	#zd{ font-family:heiti; font-size:12px; color:#FFF; text-align:center;  font-weight:inherit;line-height:10px;}
			   
			  
			  
		.layer1 span{font-size:36px; line-height:200px; text-align:left;}	  
		.layer2-1 span{font-size:76px;}	   
		.layer3 bt{font-size:36px;
		           font-family:youyuan;}
		.layer3 p{font-family:YouYuan;}
			   
	#b1 {vertical-align:bottom;float:left; margin:auto 60px;}
	   
			       
       </style>
</head>

<body>

<div class="layer0">
   <div class="layer0-1">AR体验馆</div>
</div>


 <div id="navigation">
	<a class="a" href="#">关于AR</a>
	<a class="a" href="#">主要产品</a>
	<a class="a" href="#">开放平台</a>
	<a class="a" href="#">联系我们</a>
 </div>

<div class="layer1">

<p>项目介绍</p>


</div>
<div class="layer3">


</div>





<div class="layer4" id="db">
       <a href="#">联系我们&nbsp;&nbsp;&nbsp;</a>|&nbsp;&nbsp;&nbsp;<a href="#">友情链接</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">QQ群</a>
       <p id="zd">Copyright © 2012 - 2017 AR体验馆（上海）有限公司. All rights reserved. 沪ICP备12345678号</p>
   </div>